<template>
  <suspense>
    <template #default>
       <el-config-provider :size="config.size" :zIndex="config.zIndex">
          <RouterView />
  </el-config-provider>
   
    </template>
    <template #fallback>
      <div v-loading="true"></div>
    </template>
  </suspense>
</template>

<script setup lang="ts">
import { onBeforeMount, onMounted, onUpdated, reactive } from "vue";
import { handleError } from "vue-demi";
import { useRoute } from "vue-router";
import { useFullLoading } from "/@ts/hooks/fullLoading";
import { LOGIN } from "./router/constant";
import { store } from "./store";
import initTheme from "/@ts/hooks/theme";
const route = useRoute();
onBeforeMount(() => {
  initTheme();
});
const config = reactive({
    zIndex: 3000,
      size: '',
})
</script>

<style>
html {
  --color-primary: "#C48";
}
/* .el-menu-item.is-active {
  color: #fff;
  background-color: var(--color-primary) !important;
} */
</style>
